<iframe th:replace="common/top.html" width="100%" frameborder="0" scrolling="yes" class="x-iframe"></iframe>



<div id="BackLink">

<!--   <a href="@{categoryForm(categoryId=${category.categoryId})}" th:text="'Return to'+${category.name}"> </a>-->
<!--TODO 报错信息： Exception processing template "catalog/product": An error happened during template parsing (template: "class path resource [templates/catalog/product.html]")-->
</div>

<div id="Catalog">

    <h2 th:text="${product.name}"></h2>

    <table>
        <tr>
            <th>Item ID</th>
            <th>Product ID</th>
            <th>Description</th>
            <th>List Price</th>
            <th>&nbsp</th>
        </tr>
        <tr th:each="item:${itemList}">
            <td>
                <a  th:href="@{itemForm(itemId=${item.itemId})}" th:text="${item.itemId}"></a>
            </td>
            <td th:text="${item.product.productId}"></td>
            <td th:text="${item.attribute1}+${item.attribute2}+${item.attribute3}+
          ${item.attribute4}+${item.attribute5}+${product.name}"></td>

            <td th:with="num=${item.listPrice}" th:utext="${#numbers.formatCurrency(num)}">
            </td>

            <td>
                <a th:href="@{cart(ItemId=${item.itemId})}" class="Button">Add to Cart</a>
            </td>
        </tr>
    </table>

</div>

<iframe th:replace="common/bottom.html" width="100%" frameborder="0" scrolling="yes" class="x-iframe"></iframe>






